import React from 'react';
import PropTypes from 'prop-types';
import BookInStorageRecordContainer from './BookInStorageRecordContainer';
import { BooInStorageDetail, BookInStorageDetailFullscreen } from '../views';

export const BookInStorageDetailContainer = ({ children, ...rest }) => (
  <BookInStorageRecordContainer {...rest}>
    { payload => <BooInStorageDetail {...payload} paneWidth="44%">{children}</BooInStorageDetail> }
  </BookInStorageRecordContainer>
);

BookInStorageDetailContainer.propTypes = {
  children: PropTypes.node
};

export const BookInStorageDetailFullscreenContainer = ({ children, ...rest }) => (
  <BookInStorageRecordContainer {...rest}>
    { payload => <BookInStorageDetailFullscreen {...payload}>{children}</BookInStorageDetailFullscreen> }
  </BookInStorageRecordContainer>
);

BookInStorageDetailFullscreenContainer.propTypes = {
  children: PropTypes.node
};
